<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
if (document.all||document.getElementById){
document.write('<style id="tmpStyle" type="text/css">#pic {-moz-opacity:0.00;filter:alpha(opacity=0);opacity:0;-khtml-opacity:0;}<\/style>')
var objG, degree=fadeAssist=0;
if (document.all&&typeof document.documentElement!=='undefined')
document.write('<!--[if GTE IE 5]><script type="text/javascript">fadeAssist=function (obj, degree){try {obj.filters.alpha.opacity=degree}catch(e){obj.style.filter="alpha(opacity="+degree+")"}}<'+'\/'+'script><![endif]-->')
}

function fadepic(obj){
objG=obj
if (!document.getElementById&&!document.all)
return;
var tS=document.all? document.all['tmpStyle'] : document.getElementById('tmpStyle')
if (degree<100){
degree+=5
if (objG.filters&&objG.filters[0]&&fadeAssist)
fadeAssist(objG, degree)
else if (typeof objG.style.MozOpacity=='string')
objG.style.MozOpacity=degree/101
else if (typeof objG.style.KhtmlOpacity=='string')
objG.style.KhtmlOpacity=degree/100
else if (typeof objG.style.opacity=='string'&&!objG.filters)
objG.style.opacity=degree/101
else
tS.disabled=true
setTimeout("fadepic(objG)", 75)
}
else
tS.disabled=true
}

function resize(maxWidth,maxHeight) {
     var image =  $('img'),
        imgWidth = image.width(),
        imgHeight = image.height(),
        newWidth=0,
        newHeight=0;

    if (imgWidth/maxWidth>imgHeight/maxHeight) {
        newWidth = maxWidth;
    } else {
        newHeight = maxHeight;
    }
    image.mapster('resize',newWidth,newHeight,200);   
}

function onWindowResize() {
    // enusre the resize is actually complete
    var curWidth = $(window).width(),
        curHeight = $(window).height(),
        checking=false;
    if (checking) {
        return;
            }
    checking = true;
    window.setTimeout(function() {
        var newWidth = $(window).width(),
           newHeight = $(window).height();
        if (newWidth === curWidth &&
            newHeight === curHeight) {
            resize(newWidth,newHeight); 
        }
        checking=false;
    },50);
}
$(document).ready(function() {
    $('[type="submit"]').bind('click',fn2);
    var image = $('img');
    image.mapster({
        mapScale: true,
        fillOpacity: 0.4,
        fillColor: "d42e16",
        strokeColor: "3320FF",
        strokeOpacity: 0.7,
        strokeWidth: 3,
        stroke: true,
        isSelectable: true,
        singleSelect: true,
        mapKey: 'name',
        listKey: 'name',
        onClick: function(e) {
            $('#Ans1').val(e.key);
        }
	});
    $(window).bind('resize',onWindowResize);
});
</script>


</head>
<body text-align:center>
<img src="district 5 logo-page-001.jpg" width="800" height="600" border="0" usemap="#DistrictFive"  class="fluidimage" id="pic" onload="fadepic(this);">
<map name="DistrictFive">
  <area shape="circle" coords="400,301,241" href="home.html" alt="DistrictFiveWebsite">
  <area shape="poly" coords="618,139" href="#">
  <area shape="poly" coords="415,38,413,55,473,66,526,90,563,117,600,149,608,162,631,152,607,113,566,82,517,58,464,42,417,30" href="http://www.nsuasda.com" alt="NovaSoutheastern">
</map>

  
</body>
</html>